<template>
  <div class="header">
    <el-row :gutter="20">
      <el-col :lg="12" :sm="24">
        <div><img src="../img/title.png" class="logo"></div>
      </el-col>
      <el-col :lg="12" :sm="24">
        <div class="left">
          <div class="link">
            <router-link to="/login"><a href="javascript:(void;)">
              <svg t="1748243814460" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4520" width="200" height="200">
                <path d="M967.301 71.653H56.699C25.388 71.653 0.006 97.035 0.006 128.346v623.623c0 31.311 25.382 56.692 56.693 56.692H308.76v107.473H170.508c-23.482 0-42.52 19.037-42.52 42.52 0 23.483 19.037 42.52 42.52 42.52h682.984c23.482 0 42.52-19.036 42.52-42.52 0-23.482-19.037-42.52-42.52-42.52H715.24V808.661h252.061c31.311 0 56.693-25.382 56.693-56.692V128.346c0-31.31-25.383-56.693-56.693-56.693z m-3.307 677.008H60.006V131.653h903.988v617.008z" p-id="4521"></path>
                <path d="M157.669 227.559h708.662v425.197H157.669z" p-id="4522"></path></svg>
                登录
            </a></router-link></div>
          <div class="link">
            <router-link to="/res"><a href="#">
              <svg t="1748243951110" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6410" width="200" height="200">
                <path d="M763.2384 939.61216c-28.69248 0-55.85408-5.46304-81.4848-16.39936-25.62048-10.9312-48.00512-25.96352-67.13344-45.09696-19.1232-19.13344-34.16064-41.50784-45.09696-67.13344-10.9312-25.6256-16.40448-52.7872-16.40448-81.4848 0-28.70272 5.47328-55.86432 16.40448-81.4848s25.96864-47.83616 45.09696-66.62144c19.12832-18.79552 41.51296-33.65888 67.13344-44.59008 25.6256-10.93632 52.7872-16.39936 81.4848-16.39936s55.8592 5.45792 81.48992 16.39936c25.62048 10.9312 47.83104 25.79456 66.61632 44.59008 18.79552 18.78528 33.65376 41.00096 44.59008 66.62144s16.40448 52.78208 16.40448 81.4848c0 28.6976-5.46816 55.8592-16.40448 81.4848-10.9312 25.6256-25.79456 48-44.59008 67.13344-18.7904 19.12832-40.99584 34.16576-66.61632 45.09696-25.63072 10.9312-52.78208 16.39936-81.48992 16.39936z m103.5264-243.93728h-75.84768v-70.72256c0-9.56928-3.072-17.77152-9.22624-24.6016-6.14912-6.8352-14.00832-10.25536-23.57248-10.25536-9.55904 0-17.08032 3.42016-22.54848 10.25536-5.45792 6.8352-8.19712 15.03232-8.19712 24.6016v70.72256h-66.62656c-9.56416 0-17.76128 3.4048-24.6016 10.24512-6.83008 6.83008-10.24512 15.03744-10.24512 24.6016s3.41504 16.7424 10.24512 21.52448c6.84032 4.7872 15.03744 7.168 24.6016 7.168h66.62656v72.77568c0 9.56928 2.73408 17.7664 8.19712 24.6016 5.46816 6.8352 12.98944 10.25024 22.54848 10.25024 9.56416 0 17.42336-3.41504 23.57248-10.25024s9.22624-15.03232 9.22624-24.6016v-72.77568h75.84768v2.05312c9.56416 0 17.7664-2.72896 24.59648-8.19712 6.8352-5.46816 10.25024-12.98432 10.25024-22.5536 0-9.55904-3.41504-17.77152-10.25024-24.59648-6.83008-6.84032-15.03232-10.24512-24.59648-10.24512z m-253.16352-255.21664a576.33792 576.33792 0 0 1-8.20736 29.7216 191.29344 191.29344 0 0 1-10.24512 23.06048c-4.10112 7.8592-8.54016 13.83936-13.32736 17.93536-6.14912 4.78208-10.4192 9.9072-12.81536 15.37024a141.4656 141.4656 0 0 0-6.14912 16.91136 532.88448 532.88448 0 0 1-5.63712 17.93536c-2.048 6.15424-5.46816 12.30336-10.24512 18.45248-15.72352 20.50048-27.50976 40.32-35.36896 59.4432-7.8592 19.13856-13.32224 37.59104-16.39936 55.35744a211.57376 211.57376 0 0 0-2.56512 52.78208 307.968 307.968 0 0 0 8.20224 50.7392c2.73408 12.29312 6.8352 25.10848 12.29824 38.43584 5.47328 13.32736 13.49632 26.99264 24.08448 41.00608 10.59328 14.0032 24.09472 27.66336 40.48896 40.99584 16.39936 13.32224 36.89984 26.13248 61.50144 38.43584-16.39936 3.40992-35.5328 6.49216-57.40032 9.22624-18.45248 2.05312-41.16992 3.92704-68.15744 5.63712-26.99264 1.71008-57.91744 2.56-92.76416 2.56-17.7664 0-38.43584-0.68096-62.00832-2.04288a3069.78304 3069.78304 0 0 1-72.77056-5.12512 2464.41984 2464.41984 0 0 1-73.79968-7.17312 1724.90752 1724.90752 0 0 1-66.62144-8.71424c-20.15744-3.072-37.23776-6.31808-51.24608-9.73824-14.0032-3.40992-22.71744-6.48704-26.13248-9.22112-6.14912-5.46816-10.9312-20.67456-14.34624-45.61408-3.42016-24.9344-2.39104-57.56416 3.072-97.87904 3.41504-22.54848 12.47232-39.80288 27.1616-51.7632 14.6944-11.9552 31.94368-21.3504 51.7632-28.1856a947.456 947.456 0 0 1 62.00832-18.96448c21.52448-5.80096 40.48896-13.83424 56.88832-24.07936 12.98432-8.20736 22.89152-15.89248 29.7216-23.0656 6.83008-7.17824 11.61728-14.52032 14.34624-22.0416a68.4032 68.4032 0 0 0 4.10112-23.57248c0-8.20224-0.33792-17.08032-1.024-26.6496-1.37216-14.35136-6.31808-25.6256-14.86336-33.82272a647.56736 647.56736 0 0 0-27.1616-24.59648c-5.46816-4.10112-10.24512-10.24512-14.35136-18.45248a225.2544 225.2544 0 0 1-10.25024-23.57248c-3.41504-8.8832-6.14912-18.7904-8.19712-29.7216a47.232 47.232 0 0 1-13.32224-6.14912c-3.41504-2.73408-7.17824-6.8352-11.27936-12.30336s-7.8592-13.66016-11.27424-24.6016c-3.42016-10.25024-4.61312-19.8144-3.58912-28.6976 1.024-8.8832 2.90816-16.39936 5.64224-22.54848 2.73408-7.51616 6.49216-14.00832 11.26912-19.47136 0-23.23456 1.37216-46.464 4.10624-69.70368 2.73408-19.8144 6.99904-41.00096 12.81024-63.54432 5.80608-22.5536 15.20128-42.71104 28.1856-60.47744 12.29824-17.08032 25.45664-31.09376 39.45984-42.02496 14.00832-10.93632 28.53376-19.47136 43.56096-25.62048 15.03232-6.15424 30.06464-10.42432 45.10208-12.81536 15.03232-2.39104 29.38368-3.584 43.04896-3.584 17.7664 0 34.84672 2.05312 51.2512 6.15424 16.39936 4.096 31.60064 9.56416 45.61408 16.39936 14.0032 6.8352 26.47552 14.52032 37.40672 23.06048 10.93632 8.53504 19.81952 17.2544 26.6496 26.13248 15.71328 19.81952 27.1616 41.68704 34.33984 65.59744 7.17312 23.92064 12.4672 46.464 15.88736 67.65056a445.4912 445.4912 0 0 1 4.10112 73.8048 44.544 44.544 0 0 1 10.25024 12.29312c2.73408 4.096 4.7872 9.56928 6.14912 16.39936s1.36704 15.37536 0 25.6256c-1.36704 12.98432-4.10112 23.23456-8.19712 30.75072-4.10624 7.51616-8.54528 13.32224-13.33248 17.42848-5.46816 4.7616-11.27424 8.17664-17.42336 10.23488z" fill="" p-id="6411"></path></svg>
                注册
            </a></router-link>
          </div>
          <div class="tel">
            <div>
              <svg t="1748244058415" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7430" width="200" height="200"><path d="M512.146286 4.534857a508.342857 508.342857 0 1 0 0 1016.685714 508.342857 508.342857 0 1 0 0-1016.685714z" fill="#666666" p-id="7431"></path><path d="M480.694857 318.025143c3.291429 5.705143 4.022857 19.163429-9.508571 27.136-13.531429 8.118857-27.282286 16.822857-44.251429 26.477714L326.290286 202.605714c16.091429-12.068571 31.085714-23.478857 36.571428-26.185143 9.216-6.217143 23.113143-12.946286 34.962286 4.534858 31.232 49.737143 53.321143 86.235429 82.870857 136.996571z m256.292572 471.04c-13.165714 7.533714-26.331429 15.36-41.984 24.429714-33.28-56.027429-65.536-110.08-98.011429-164.425143 1.901714-3.218286 2.194286-4.388571 2.779429-4.681143 69.266286-46.372571 60.123429-35.84 93.110857 18.651429 17.627429 29.257143 34.377143 59.026286 52.662857 87.917714 10.825143 16.603429 8.338286 28.452571-8.557714 38.034286z m-459.629715-413.988572c-3.437714-18.285714-5.997714-56.100571-4.681143-68.169142 1.682286-27.282286 14.189714-50.614857 24.868572-66.706286 4.973714-7.387429 10.532571-15.067429 18.724571-26.331429l55.222857 92.452572c9.654857 16.237714 19.017143 32.621714 29.037715 48.493714 9.801143 15.945143 19.748571 29.476571 7.533714 50.907429-5.558857 9.728-0.877714 29.915429 5.924571 41.398857a4257.206857 4257.206857 0 0 0 115.2 184.612571c7.168 10.825143 25.307429 14.409143 38.4 21.211429 4.827429 2.56 11.995429 3.657143 14.409143 7.68 31.012571 51.053714 61.44 102.692571 96.548572 161.865143-25.6 0-45.494857 2.852571-64.292572-0.585143-55.003429-9.947429-100.205714-40.082286-138.24-79.506286-99.986286-103.862857-171.373714-223.817143-198.656-367.396571z" fill="#FFFFFF" p-id="7432"></path></svg>
            </div>
            <div>
              <p>热线服务(仅收市话费)</p>
              <h3>400-0000-000</h3>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>

    <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        background-color="skyblue"
        active-text-color="black"
        text-color="white"
        hover-bg-color="yellow"
    >
      <!-- <p class="nav_logo"><img src="@/img/logo-logo.png" class="logo"></p> -->
      <el-menu-item index="1"><router-link to="/">首页</router-link></el-menu-item>
      <el-menu-item index="2"><router-link to="/purchase">商品采购</router-link></el-menu-item>
      <el-menu-item index="3"><router-link to="/supply">需求供应</router-link></el-menu-item>
      <el-menu-item index="4"><router-link to="/logistics">物流查看</router-link></el-menu-item>
      <el-menu-item index="5"><router-link to="/news">业界新闻</router-link></el-menu-item>
      <el-menu-item index="6"><router-link to="/about">关于企业</router-link></el-menu-item>
    </el-menu>
  </div>
</template>
 

<script>
import { toRefs,reactive } from 'vue';
export default {
  // name: 'Myheader',
  setup() {
    const data=reactive({
       activeIndex: '1'
    
    })
    return {
      ...toRefs(data)
    }
  }
};
</script>

<style scoped>

</style>